<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>关于我们</title>
		<link rel="stylesheet" type="text/css" href="bootstrap4/bootstrap4/css/bootstrap.css" />
		<script type="text/javascript" src="js/jquery-3.31.min.js"></script>
		<script src="bootstrap4/bootstrap4/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css" />
		<style type="text/css">
			.xian {
				border-bottom: 2px solid #f1f1f1;
			}
			
			.breadcrumb {
				background-color: white;
			}
			
			.breadcrumb-item+.breadcrumb-item::before {
				display: inline-block;
				padding-right: 0.5rem;
				color: #6c757d;
				content: "";
			}
			
			.ddd {
				width: 14%;
				text-align: center;
			}
			
			.bg-pat {
				background: url(img/promo_banner_bg.jpg) no-repeat;
			}
			
			.aaaa {
				background: url(img/footer.jpg) no-repeat;
			}
			
			.a-color {
				color: #000000;
				text-decoration: none;
			}
			
			.a-color:hover {
				color: #000000;
				text-decoration: none;
			}
			
			ul {
				list-style: none;
				padding-left: 0px;
			}
			
			.foot-foot>li {
				border-bottom: 1px solid #4c516f;
				line-height: 50px;
			}
			
			.foot-foot a {
				color: #FFFFFF;
			}
			
			.foot-foot a:hover {
				text-decoration: none;
				color: #FFFFFF;
			}
			
			.bian {
				color: #191919;
				text-decoration: none;
			}
			
			.bian:hover {
				color: #ff9900;
				!important text-decoration: none;
				!important
			}
			
			.daohang li {
				/*width: 14.2%;*/
				padding: 0px 3.8%;
				text-align: center;
			}
		</style>
	</head>

	<body>
		<div class="container-fluid" style="background: red;">
			<div class="container">
				<div class="row">
					<div class="col-11" style="line-height: 30px;color: #fff;">
						欢迎访问深圳美图视显示设备有限公司官方网站
					</div>
					<div class="col-1" style="line-height: 30px;color: #fff;">
						<a href="Login.html" style="text-decoration: none; color: #fff;">
							<i class="fa fa-user-o" aria-hidden="true"></i>&nbsp; 登陆
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="sticky-top mt-0" style="background-color: #FFFFFF;border-top: 0px solid #e9e9e9;box-shadow: 0 -1px #fff;">
			<div class="container pt-3">
				<div class="row">
					<div class="col"><img style="width: 100%;" src="img/logo.png" /></div>
					<div class="col"></div>
					<div class="col d-none d-xl-block">
						<div class="row">
							<div class="col-lg-2"><i class="fa fa-phone pt-3" aria-hidden="true" style="color: red;"></i></div>
							<div class="col-lg-10">
								咨询服务电话M:13692128986
							</div>
						</div>
					</div>
					<div class="col d-none d-xl-block">
						<div class="row">
							<div class="col-lg-2"><i class="fa fa-envelope pt-3" aria-hidden="true" style="color: red;"></i></div>
							<div class="col-lg-10">
								<div>szmts@163.com</div>
								<div>随时欢迎您的来信！</div>
							</div>
						</div>
					</div>
					<div class="col d-none d-xl-block">
						<div class="row">
							<div class="col-lg-2"><i class="fa fa-university pt-3" aria-hidden="true" style="color: red;"></i></div>
							<div class="col-lg-10">
								深圳市宝安区福永街道 塘尾工业大道汇发科技园C座A
							</div>
						</div>
					</div>

				</div>
			</div>

			<div class="container-fluid mt-3" style="border-top: 1px solid #e9e9e9;box-shadow: 0 1px 3px #e9e9e9;">
				<div class="container">
					<div class="row" style="height: 70px; ;">
						<nav class="navbar navbar-expand-lg navbar-light p-0 border-0" style="width: 100%;">
							<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
												<span class="navbar-toggler-icon"></span>
											</button>
							<div class="collapse navbar-collapse" id="navbarSupportedContent" style="width: 100%;">
								<ul class="navbar-nav mr-auto m-0 daohang text-center bg-white" style="width: 100%;">

									<li class="nav-item active">
										<a class="nav-link bian" href="Login.html">首页 <span class="sr-only">(current)</span></a>
									</li>
									<li class="nav-item active">
										<a class="nav-link bian" href="AboutUs.html">关于我们</a>
									</li>
									<li class="nav-item dropdown active">
										<a class="nav-link dropdown-toggle bian" href="ProductList.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											产品中心
										</a>
										<div class="dropdown-menu" aria-labelledby="navbarDropdown">
											<a class="dropdown-item" href="#">拼接屏</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">显示器</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">网络版广告机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">单机版广告机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">安卓触摸一体机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">Windows触摸一体机</a>
										</div>
									</li>
									<li class="nav-item dropdown active">
										<a class="nav-link dropdown-toggle bian" href="SuccessCases.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false">
											成功案例
										</a>
										<div class="dropdown-menu" aria-labelledby="navbarDropdown">
											<a class="dropdown-item" href="#">拼接屏</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">显示器</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">网络版广告机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">单机版广告机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">安卓触摸一体机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">Windows触摸一体机</a>
										</div>
									</li>
									<li class="nav-item active">
										<a class="nav-link bian" href="Solution.html">解决方案</a>
									</li>
									<li class="nav-item active">
										<a class="nav-link bian" href="NewsCenter.html">新闻中心</a>
									</li>
									<li class="nav-item active">
										<a class="nav-link bian" href="ContactUs.html">联系我们</a>
									</li>
								</ul>
							</div>
						</nav>
					</div>
				</div>
			</div>
		</div>

		<div class="container-fluid m-0 p-0">
			<img src="img/GanYuMy/banner5.png" style="width: 100%;" />
		</div>

		<!--小标签-->
		<div class="container-fluid xian p-0">
			<div class="container">
				<div class="row">
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb">
							<li class="breadcrumb-item">
								<a class="a-color" href="#">首页</a>
							</li>
							<li class="breadcrumb-item active" aria-current="page" style="color: #999999;"><i style="color: #999999;" class="fa fa-angle-double-right"></i> 产品中心</li>
						</ol>
					</nav>
				</div>
			</div>
		</div>

		<div class="container">
			<h3 class="text-center" style="font-weight: 300;font-size: 50px;margin-top:80px ;">深圳美图视简介</h3>
			<div style="font-size: 20px;line-height: 30px;color: #9b9b9b;margin: 13px 0 0;text-indent: 2em;">
				深圳美图视专注于多媒体显示技术领域的研究，专业从事多媒体显示产品及系统解决方案的研发。经过不断地探索学习、 资源整合，现已发展成为一家集研发、制造、销售、服务于一体的高新技术企业。
			</div>
			<div class="row mt-5">
				<div class="col-lg-6">
					<h3>为什么商用显示设备选择美图视？</h3>
					<div class="mt-3" style="font-size: 15px;color: #969696;line-height: 23px;">
						目前已拥有包括DID液晶拼接墙系列、专业液晶监视器系列、表面光波触摸一体机系列、 专业液晶广告机系列、公共信息发布系统等产品。产品主要用于安防监控，电力、边防、 矿山、银行监控中心、公共场所、娱乐场所、政府部门等领域。
					</div>
					<div class="mt-3" style="font-size: 15px;color: #969696;line-height: 23px;">
						从多年前创建至今，美图视开放商业显示技术平台已经吸引了超过近万名客户；美图视跨屏云也成功应用于超过10万家企业。
					</div>
				</div>
				<div class="col-lg-3">
					<img src="img/GanYuMy/ben.jpg" style="width: 100%;" />
				</div>
				<div class="col-lg-3">
					<div><i class="fa fa-quote-left" style="color: #59bcdb;font-size: 20px;"></i></div>
					<div class="mt-4" style="font-size: 15px;color: #969696;line-height: 23px;">
						美国视人视质量为生命，视研发为生命不断进化与发展的源源动力，视服务为立足之本，成立以来， 我们以助力中国多媒体视觉呈现为己任，与近万家合作伙伴共同成长，共同见证中国彭勃发展的时 代脉博与企业自我价值的同步增长。
					</div>
				</div>
			</div>
		</div>
		<br /><br /><br /><br />
		<hr style="height: 1px;background: #e9e9e9;border: 0;display: block;padding: 0;margin: 0 auto;width: 1170px;" />

		<div class="container text-center">
			<h3 style="font-weight: 300;font-size: 50px;margin-top:80px ;">我们的宗旨</h3>
			<div style="font-size: 20px;line-height: 30px;color: #9b9b9b;">
				服务为本，与客户共赢！
			</div>
			<div style="font-size: 20px;line-height: 30px;color: #9b9b9b;">
				Service is No.1,for win-win result.
			</div>
		</div>

		<div class="container">
			<div class="row text-center" style="margin-top:80px ;">
				<div class="col-lg-3">
					<div class="mb-2"><img src="img/f01.jpg" /></div>
					<h5><b>专注商用显示领域18年</b></h5>
					<div>公司拥有深厚的技术积累和产品研发经验，拥有多项自主知识产权和技术专利</div>
				</div>
				<div class="col-lg-3">
					<div><img src="img/f02.jpg" /></div>
					<h5><b>集研发、制造、销售、服务与一体</b></h5>
					<div>专注于多媒体显示技术领域的研究，商用显示解决方案专家。</div>
				</div>
				<div class="col-lg-3">
					<div><img src="img/f03.jpg" /></div>
					<<h5><b>信誉为本，全面贯彻ISO质理体系</b></h5>
						<div>整个适配过程可视化，集成手机模拟器，可以快速的开发调试</div>
				</div>
				<div class="col-lg-3">
					<div><img src="img/f04.jpg" /></div>
					<h5><b>服务为先,助力客户创造价值</b></h5>
					<div>7X24小时服务体系，遍布全国集后服务网点</div>
				</div>
			</div>
		</div>

		<div class="container">
			<h3 class="text-center" style="font-weight: 300;font-size: 50px;margin-top:80px ;">客户评价</h3>
			<div class="mt-4 text-center" style="font-size: 20px;line-height: 30px;color: #9b9b9b;">
				口碑的树立非一日之功，客户的满意是我们不懈的追求，没有客户的成功，就没有美图视人的成功！
			</div>
			<div class="row mt-5">
				<div class="col border border-1 p-4 rounded m-3">
					<div style="font-size: 14px;line-height: 21px;color: #9b9b9b;">
						美图视的显示设备应用在我们警务信息化实践中，效果不错，多年来对我们的各种要求及时响应， 技能人员十分给力。我们全系系统采用美图视商业显示设备，同事们反响十分好，历次重大特大案件， 美图视显示设备都能在关键时候不掉链子，显示出优异的性能与实力，我们大队多次爱到表彰，我也十分有面子啊！
					</div>
					<div class="row mt-4">
						<div class="col-lg-3"><img src="img/GanYuMy/jc.png" /></div>
						<div class="col-lg-9 mt-3 mb-4">
							<strong>某交警支大队 主任</strong>
							<div style="font-size: 14px;line-height: 21px;color: #9b9b9b;">陈警官</div>
						</div>
					</div>
				</div>
				<div class="col border border-1 p-4 rounded m-3">
					<div style="font-size: 14px;line-height: 21px;color: #9b9b9b;">
						我们公司使用的是美图视商业显示设备，无论是在户外还是在室内的具体应用中，美图视商业显示设备都能让人放心 。专业技术工程师与设计工程师，与我们的工作人员对接十分流畅，工作过程中体现了专业性，让我们十分钦佩 。美图视商用显示设备让我们业务全流程信息化程度更高，在激烈的竟争中如虎添翼。
					</div>
					<div class="row mt-4">
						<div class="col-lg-3"><img src="img/GanYuMy/jl.png" /></div>
						<div class="col-lg-9 mt-3 mb-4">
							<strong>某商城 CEO</strong>
							<div style="font-size: 14px;line-height: 21px;color: #9b9b9b;">王经理</div>
						</div>
					</div>
				</div>
				<div class="col border border-1 p-4 rounded m-3">
					<div style="font-size: 14px;line-height: 21px;color: #9b9b9b;">
						医疗行业的信息化显示系统的建设关系到广大人民群众的就医体验，美图视商业显示设备在我们医院的信 息化流程改造中体现了质量可靠的真正涵义，让我们医备人员可以全身心的投入到救死扶伤中去，美图视 显示大屏很好的实现了信息的及时传递与展现，工业监视器在我们医疗实践中让人十分放心。
					</div>
					<div class="row mt-4">
						<div class="col-lg-3"><img src="img/GanYuMy/yy.png" /></div>
						<div class="col-lg-9 mt-3 mb-4">
							<strong>某医院 主任</strong>
							<div style="font-size: 14px;line-height: 21px;color: #9b9b9b;">周主任</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<br /><br />
		<div class="container-fluid" style="background-image: url(img/pattern-light.png);">
			<br /><br /><br />
			<div class="container">
				<div class="row">
					<div class="col-lg-4 my-2">
						<div class="border shadow text-center" style="background-color: #FFFFFF;">
							<div class="my-4">
								<h1><i class="fa fa-phone text-info"></i></h1>
							</div>
							<div class="mt-4">
								<h5>联系我们</h5>
							</div>
							<p class="my-5">免费咨询电话</p>
							<div class="my-5">M:13692128986 <br /> 周一-周日, 8am - 7pm</div>
							<div><button class="btn btn-info mb-5">立即致电</button></div>
						</div>
					</div>
					<div class="col-lg-4 my-2">
						<div class="border shadow text-center" style="background-color: #FFFFFF;">
							<div class="my-4">
								<h1><i class="fa fa-envelope text-info"></i></h1>
							</div>
							<div class="mt-4">
								<h5>联系我们</h5>
							</div>
							<p class="my-5">免费咨询电话</p>
							<div class="my-5">M:13692128986 <br /> 周一-周日, 8am - 7pm</div>
							<div><button class="btn btn-info mb-5">立即致电</button></div>
						</div>
					</div>
					<div class="col-lg-4 my-2">
						<div class="border shadow text-center" style="background-color: #FFFFFF;">
							<div class="my-4">
								<h1><i class="fa fa-map-marker text-info"></i></h1>
							</div>
							<div class="mt-4">
								<h5>联系我们</h5>
							</div>
							<p class="my-5">免费咨询电话</p>
							<div class="my-5">M:13692128986 <br /> 周一-周日, 8am - 7pm</div>
							<div><button class="btn btn-info mb-5">立即致电</button></div>
						</div>
					</div>
				</div>
			</div>
			<br /><br /><br /><br />
		</div>

		<div class="container-fluid aaaa" style="margin: 0px;padding: 0px;">
			<div style="background: #3d4164;opacity: 0.8;">
				<div class="container">
					<div class="row">
						<div class="col" style="color: #FFFFFF;">
							<h5 class="my-5">关于我们</h5>
							<div>
								深圳美图视专注于多媒体显示技术领域的研究，专业从事多媒体显示产品及系统解决方案的研发。 经过不断地探索学习、资源整合，现已发展成为一家集研发、制造、销售、服务于一体的高新技术企业
							</div>
							<div>

							</div>
						</div>
						<div class="col d-none d-xl-block" style="color: #FFFFFF;">
							<h5 class="my-5">产品中心</h5>
							<ul class="foot-foot">
								<li>
									<a href="#">拼接屏</a><i style="float: right;">></i></li>
								<li>
									<a href="#">监视器</a><i style="float: right;">></i></li>
								<li>
									<a href="#">网络版广告机</a><i style="float: right;">></i></li>
								<li>
									<a href="#">单机版广告机</a><i style="float: right;">></i></li>
								<li>
									<a href="#">安卓触摸一体机</a><i style="float: right;">></i></li>
								<li>
									<a href="#">Windows触摸一体机</a><i style="float: right;">></i></li>
							</ul>
						</div>
						<div class="col d-none d-xl-block" style="color: #FFFFFF;">
							<h5 class="my-5">成功案例</h5>
							<ul class="foot-foot">
								<li>
									<a href="#">政府机关</a><i style="float: right;">></i></li>
								<li>
									<a href="#">医疗单位</a><i style="float: right;">></i></li>
								<li>
									<a href="#">教育培训</a><i style="float: right;">></i></li>
								<li>
									<a href="#">商场百货</a><i style="float: right;">></i></li>
								<li>
									<a href="#">企业公司</a><i style="float: right;">></i></li>
								<li>
									<a href="#">其他</a><i style="float: right;">></i></li>
							</ul>
						</div>
						<div class="col d-none d-xl-block" style="color: #FFFFFF;">
							<h5 class="my-5">联系详情</h5>
							<div class="mt-3">
								<i class="fa fa-phone"></i>
								<span class="mr-1">服务专线:</span>
								<b class="mr-1" style="color: red;">13692128986</b>
							</div>
							<div class="mt-3">
								<i class="fa fa-envelope"></i>
								<span class="mr-1">szmts@163.com</span>
							</div>
							<div class="mt-3">
								<i class="fa fa-university"></i>
								<span class="mr-1">深圳市宝安区福永街道塘尾工业大道汇发科技园C座A</span>
							</div>
							<div>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			//把其中click.bs.dropdown.data-api事件关闭
			$(document).ready(function() {
				$(document).off('click.bs.dropdown.data-api');
			});

			/**
			 * 鼠标划过就展开子菜单，免得需要点击才能展开
			 */
			dropdownOpen();
			//设置鼠标悬停展开下拉菜单
			function dropdownOpen() {
				$('.dropdown').mouseover(function() {
					console.log("aaa");
					$(this).addClass('show');
					//查找当前元素子节点中的对象，修改其class
					//这样当有多个下拉菜单时，可以分别独立处理，而不会出现都下拉的bug
					$(this).find(".dropdown-menu").addClass('show');
				}).mouseout(function() {
					$(this).find(".dropdown-menu").removeClass('show');
					$(this).removeClass('show');
				});
			}
		</script>
	</body>

</html>